<template>
  <h2>我是vue3.0~3.3之间的写法</h2>
  <!-- <input :value="props.modelValue" @input="emit('update:modelValue', $event.target.value)" /> -->

  <button @click="updatefoo">最原始修改单向数据流</button>
</template>
<script setup>
const props = defineProps(['modelValue'])
const emit = defineEmits(['update:modelValue'])

// 原始写法
// const props1 = defineProps(['foo'])
// const emit = defineEmits(['updatefoo'])
const updatefoo = () => {
  // props1.foo = '我是修改后的值'  //直接改不行,改不了 只读
  // emit("updatefoo", "我是修改之后的")
  emit("update:modelValue", "我是修改之后的")
}



</script>
